.tab_container {
  width: 100%;
  margin: 0 auto;
  max-width: 686px;
  display: flex;
  align-items: center;
  justify-content: center;
  &.has_bg {
    position: relative;
    box-sizing: border-box;
    padding: 0 136px;
    .bg_img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      &.left {
        left: 0;
      }
      &.right {
        right: 0;
      }
    }
    &.is_small {
      padding: 0 55px;
    }
  }
  .tab_item {
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    height: 54px;
    margin: 0 2px;
    &.item_1x {
    }
    &.item_2x {
      width: 135px;
      background-image: url(./../../assets/button_2x.png);
      &.actived {
        background-image: url(./../../assets/button_2x_1.png);
      }
    }
    &.item_3x {
      width: 170px;
      background-image: url(./../../assets/button_3x.png);
      &.actived {
        background-image: url(./../../assets/button_3x_1.png);
      }
    }
    &.actived {
      color: #fdff00;
    }
  }
}
